<template>
  <van-nav-bar title="超厉害的网站" class="header" />

  <div style="padding-bottom: 60px">
    <router-view/>
  </div>

  <van-tabbar route>
    <van-tabbar-item :to="{ name: 'home' }" icon="home-o">首页</van-tabbar-item>
    <van-tabbar-item :to="{ name: 'about' }" icon="info-o">关于</van-tabbar-item>
    <van-tabbar-item :to="{ name: 'vue3' }" icon="info-o">Vue3</van-tabbar-item>
    <van-tabbar-item :to="{ name: 'vue3-comp' }" icon="info-o">组件</van-tabbar-item>
  </van-tabbar>
</template>

<script>
export default {
}
</script>

<style lang="stylus">
html
  font-size 13.333333333333334vw

  body
    font-size 16px

#app
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale
  color #2c3e50

  .header {
    background-color darkcyan
  }
</style>
